<template>
    <div>
        <!--分割线-->
        <el-row type="flex" justify="center" class="divider_row">
            <el-col :span="18">
                <el-divider><i class="el-icon-lollipop"></i></el-divider>
            </el-col>
        </el-row>
        <!--底部版权信息-->
        <el-row type="flex" justify="center">
            <el-col :span="10">
                <footer>
                    <div>
                        Copyright © 2020 GuoJunhui.
                        <el-link type="info" class="link_font_size">All Rights Reserved.</el-link>
                        <!--                                <a href="javascript:void(0)" style="color: #868a6f;">All Rights Reserved.</a>-->
                    </div>
                    <p>
                        GuoJunhui 版权所有
                        <!--直接用el-link 因为 中文问题，导致链接下移，所以这里使用原生的a标签-->
                        <a href="http://beian.miit.gov.cn/" class="my_a_link color_gray_info font_size_15 margin_left_10">赣ICP备2021010360号-1</a>
                    </p>
                </footer>
            </el-col>
        </el-row>
    </div>
</template>

<script>

    export default {
        name: "btmCopyRight",
        data(){
            return {
            }
        },
        methods: {
        }
    }
</script>

<style scoped>
    footer{
        text-align: center;
    }

    /*element的组件el-link  修改它的字体大小 为原本默认的  而不是14px*/
    .link_font_size{
        font-size: inherit
    }

    /*底部版权分割线 行row*/
    .divider_row{
        margin-top: 50px;
    }

</style>